<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <c:set var="prc" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style>
* {
	box-sizing: border-box;
}

body {
    background-image:url("561b457215461.jpg");
	margin: 0;
	padding: 0;
	background: #494A5F;
	font-weight: 500;
	font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande",
		Helvetica, Arial, sans-serif, FreeSans, Arimo;
}

div.search {
	padding-top: 100px;
	padding-bottom: 20px;
}

form {
	position: relative;
	width: 300px;
	margin: 0 auto;
}

input, button {
	border: none;
	outline: none;
}

input {
	width: 100%;
	height: 42px;
	padding-left: 13px;
}

button {
	height: 42px;
	width: 42px;
	cursor: pointer;
	position: absolute;
}
/*搜索框7*/
.bar7 {
	background: white;
}

.bar7 form {
	height: 42px;
	margin: 0 auto;
}

.bar7 input {
	width: 250px;
	border-radius: 42px;
	border: 2px solid #324B4E;
	background: #F9F0DA;
	transition: .3s linear;
	float: right;
}

.bar7 input:focus {
	width: 300px;
}

.bar7 button {
	background: none;
	top: -2px;
	right: 0;
}

.bar7 button:before {
	content: "\f002";
	font-family: FontAwesome;
	color: #324b4e;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}

body {
	text-align: center;
}

html {
	font-size: 10px;
}
/*商品外部大框*/
.main-content-cell1-right {
	height: 61.4rem;
	width: 99.2rem;
	background-color: white;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
/*商品单框*/
.main-content-cell1-right div {
	height: 30rem;
	width: 23.4rem;
	margin: 0 0 1.4rem 1.4rem;
	background-color:white;
	text-align: center;
}

.main-content-cell1-right div img {
	height: 16rem;
	width: 16rem;
	margin: 3rem 3.7rem 3rem 3.7rem;
}

.main-content-cell1-right div span:nth-of-type(1) {
	font-size: 1.4rem;
	color: #333;
}

.main-content-cell1-right div span:nth-of-type(2) {
	font-size: 1.2rem;
	color: #b0b0b0;
	color: red;
}

.main-content-cell1-right div span:nth-of-type(3) {
	font-size: 1.2rem;
	color: #ff6700;
}

#paging {
	margin: 0 auto;
	width: 50%;
	height: 100px;
	/*border: 1px solid red;*/
	text-align: center;
	margin-top: 300px;
}

ul.pagination li {
	list-style-type: none;
	display: inline;
}

ul.pagination li a {
	text-decoration: none;
	color: black;
	padding: 8px 10px; /*10px左右内边距， 8px上下内边距*/
	border: 1px solid darkgray;
	border-radius: 20px;
}

ul.pagination li a.active {
	background: green;
	color: white;
}

/*如果类名不为active并且鼠标经过才显示的样式*/
ul.pagination li a:hover:not (.active ) {
	background: darkseagreen;
	border: 1px solid green;
	font-size: 19px;
}
</style>
</head>
<body>
<%@include file="header.jsp"%>

<div style="margin: 150px auto;width: 800px;">
	<div style='float: left'>
		<img width=300px alt="" src="${pageContext.request.contextPath}/img/${hotel.img}">
	</div>
	<div style='float: 1px left'>
		<h1 style="color:  #ff6700;margin-top: 100px;font-size: 30px">${hotel.name}</h1>
		<h3 style="color:  #ff6700;margin-top: 60px;font-size: 20px">${hotel.describes}</h3>
		<h3 style="color:  #ff6700;margin-top: 80px; margin-left:40px ; font-size: 20px">坐标：${hotel.address }</h3>
		
	</div>
	
	<div style='float: right ; margin-top: 100px ; font-size: 20px ; color: black' >
	  <a href="hotelfoundAll">返回</a> 
	</div>
    
</div>



</body>
</html>